{include file="common/header" /}
<div class="x-nav">
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加菜单','/admin/rules/add')"><i class="layui-icon"></i>添加
        </button>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>ID</th>
            <th>权限名</th>
            <th>权限规则</th>
            <th>状态</th>
            <th>添加时间</th>
            <th>排序</th>
            <th>操作</th>
        </thead>
        <tbody>
        {if($authrules)}
        {foreach($authrules as $k=>$v)}
        <tr>
            <td>{$v.id}</td>
            <td>{:str_repeat('— —|',$v.level)}{$v.title}</td>
            <td>
                {$v.name}
            </td>
            <td class="td-status">
                {if($v.status == 1)}
                <span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>
                {else /}
                <span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-disabled">已停用</span>
                {/if}
            </td>
            <td>{$v.create_time}</td>
            <td class="td-status">
                {$v.sort}
            </td>
            <td class="td-manage">
                {if($v.status == 1)}

                <a onclick="member_stop(this,{$v.id})" href="javascript:;" title="启用">
                    <i class="layui-icon"></i>
                </a>
                {else /}
                <a onclick="member_stop(this,{$v.id})" href="javascript:;" title="停用">
                    <i class="layui-icon"></i>
                </a>

                {/if}

                <a title="编辑" onclick="x_admin_show('编辑','/admin/rules/edit?id={$v.id}')" href="javascript:;">
                    <i class="layui-icon">&#xe642;</i>
                </a>
                <a title="删除" onclick="member_del(this,{$v.id})" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        {/foreach}
        {/if}
        </tbody>
    </table>
</div>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    /*用户-停用*/
    function member_stop(obj, id) {
        var txt = $(obj).attr('title') == '启用' ? '停用' : '启用';
        layer.confirm('确认要'+txt+'吗？', function (index) {
            var status = $(obj).attr('title') == '启用' ? 0 : 1;
            $.ajax({
                url: '/admin/rules/set_status',
                type: 'post',
                data: {
                    status: status,
                    id: id
                },
                success: function (data) {
                    if (data.code == 200) {
                        if ($(obj).attr('title') == '启用') {
                            //发异步把用户状态进行更改
                            $(obj).attr('title', '停用')
                            $(obj).find('i').html('&#xe62f;');
                            $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                            layer.msg('已停用!', {icon: 6, time: 1000});
                        } else {
                            $(obj).attr('title', '启用')
                            $(obj).find('i').html('&#xe601;');

                            $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                            layer.msg('已启用!', {icon: 6, time: 1000});
                        }
                    } else {
                        layer.msg(data.msg, {icon: 5, time: 1000});
                    }
                },
                error: function () {
                    layer.msg('网络错误', {icon: 5});
                }
            });
        });
    }

    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $.ajax({
                url: '/admin/rules/del',
                type: 'post',
                data: {
                    id: id
                },
                success: function (data) {
                    console.log(data);
                    if (data.code == 200) {

                        //捉到所有被选中的，发异步进行删除
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', {icon: 1, time: 1000});

                    } else {
                        layer.msg('删除失败', {icon: 5});
                    }
                },
                error: function (res) {
                    layer.msg('网络错误', {icon: 5, time: 1000});
                }
            });
        });
    }
</script>
{include file="common/footer" /}